.pe-message {
    width: 500px;
    position: fixed;
    left: 50%;
    transition: all .5s;
}

.pe-message-in {
    animation: in .5s forwards;
}

.pe-message-out {
    animation: out .5s forwards;
}

@keyframes in {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}

@keyframes out {
    0% {
        opacity: 1;
        transform: translate(-50%, 0);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%);
    }
}